{% extends 'base_main.html' %}
{% block ext_css %}
    {{ super() }}
    <link rel="stylesheet" href="{{ url_for('static',filename='app/mine/mine.css',_external=True) }}">
{% endblock %}

{% block ext_js %}
    {{ super() }}
    <script type="text/javascript" src="{{ url_for('static',filename='app/mine/js/mine.js') }}"></script>
{% endblock %}

{% block content %}
    <div id="mine">
        <div class="fixed">
            <span>
                <span class="glyphicon glyphicon-user"></span>
            </span>
            {% if context.is_login %}
                <p>{{ context.username }}</p>
            {% else %}
                {#                <p><a href="{{ url_for('app.login') }}">请登录</a></p>#}
                {#                不破坏样式 利用js添加点击事件 #}
                <p id="not_login">请登录</p>
            {% endif %}
            <p>
                <span class="glyphicon glyphicon-fire"></span>
                <span>等级</span>
            </p>
            {% if not context.is_login %}
                <div id="regis">注册</div>
            {% endif %}
            <p>
                <span class="glyphicon glyphicon-heart"></span>
                <span>商品收藏</span>
            </p>
        </div>
        <div class="mine">
            <p>
                <span>我的订单</span>
                <a href="#">查看全部订单 ></a>
            </p>
            <nav id="nav">
                <ul>
                    <li>
                        <span class="badge">1</span>
                        <dl>
                            <dt><span class="glyphicon glyphicon-usd"></span></dt>
                            <dd>待付款</dd>
                        </dl>
                    </li>
                    <li>
                        <span class="badge">2</span>
                        <dl>
                            <dt><span class="glyphicon glyphicon-envelope"></span></dt>
                            <dd>待收货</dd>
                        </dl>
                    </li>
                    <li>
                        <span class="badge">3</span>
                        <dl>
                            <dt><span class="glyphicon glyphicon-pencil"></span></dt>
                            <dd>待评价</dd>
                        </dl>
                    </li>
                    <li>
                        <span class="badge"></span>
                        <dl>
                            <dt><span class="glyphicon glyphicon-retweet"></span></dt>
                            <dd>退款/售后</dd>
                        </dl>
                    </li>
                </ul>

            </nav>
            <menu>
                <ul>
                    <li>
                        <span class="badge">1</span>
                        <dl>
                            <dt><span class="glyphicon glyphicon-bullhorn"></span></dt>
                            <dd>积分商城</dd>
                        </dl>
                    </li>
                    <li>
                        <span class="badge">1</span>
                        <dl>
                            <dt><span class="glyphicon glyphicon-credit-card"></span></dt>
                            <dd>优惠券</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><span class="glyphicon glyphicon-import"></span></dt>
                            <dd>收货地址</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><span class="glyphicon glyphicon-phone-alt"></span></dt>
                            <dd>客服/反馈</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><span class="glyphicon glyphicon-asterisk"></span></dt>
                            <dd>关于我们</dd>
                        </dl>
                    </li>
                </ul>
            </menu>
            {% if context.is_login %}
                <p class="logout">
                    <a href="{{ url_for('app.logout') }}">退出当前账号</a>
                </p>
            {% endif %}
        </div>
    </div>
{% endblock %}